<template>
  <!--<div>-->
    <!--<div class="navbar navbar-inverse navbar-fixed-top">-->
      <div style="background: rgb(0, 133, 208); display: flow-root">
          <span v-if="headerTitle && headerTitle != ''" class='spanClass'>{{headerTitle}}</span>
          <img src="@/assets/skin/lte/img/logo.png" style="float: left">
      </div>
    <!--</div>-->
    <!--<div class="container-fluid" role="main" style="min-width: 1500px;margin: auto;">-->
        <!--<p>嘎嘎</p>-->
    <!--</div>-->
  <!--</div>-->
  <!--<div  style="background: black;background-image: url('/static/skin/lte/img/logo.png')" alt="">-->
</template>

<script>
export default {
  name: 'view-header',
  props: {
    headerTitle: {}
  },
  data () {
    return {
      // headerTitle: ''
    }
  }
}
</script>

<style scoped>
.spanClass {
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    color: black;
    position: fixed;
    margin-top: 11px;
}
</style>
